<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>WPF/E Example</title>
</head>

<script type="text/javascript" src="aghost.js"></script>
<script type="text/javascript" src="animation-ellipse.js"></script>


  <body  style="background: gray">
    <!-- Where the WPF/E ActiveX control will go-->
    <div id="agControl1Host">
    </div>

    <script type="text/javascript">
        // Create the WPF/E ActiveX control.
        // The technique used here enables your WPF/E content to receive
		// input before its ActiveX control is clicked.
        new agHost(
            "agControl1Host", // hostElementID (HTML element to put WPF/E
                             // ActiveX control inside of -- usually a <div>)
	        "agControl1", // ID of the WPF/E ActiveX control we create
	        "300px", // width
	        "300px", // height
            "#D6D6D6", //backgroundcolor
	        null, // SourceElement (name of script tag containing xaml)
	        "animation-ellipse.xaml", //source file
	        "false", // IsWindowless
	        "30",  // MaxFrameRate

	        null // OnError handler (method name -- no quotes)
	    );

	    // Create a global variable for the WPF/E ActiveX control,
        // to use when you want to retrieve named XAML elements.
        var agControl = document.getElementById("agControl1");
    </script>
  </body>

</html>
